Siempre me han atraído las sombras en bordes, imágenes, fuentes, efectos y cualquier cosa que se preste personalizar. Días atrás he añadido sombra en el nombre y numeración en los comentarios, no fue idea mia pero lo vi en el blog de Espineli, me gustó y recordé que había leído una entrada de J.Miur donde hablaba de la propiedad text-shadow me di una vuelta por esa entrada y me dispuse a experimentar en el nombre de autor y contador de comentarios.
El resultado es el que ahora mismo podéis ver en mis comentarios, aunque mejor pensado añadiré alguna captura por si con el tiempo decido cambiar
Para hacerlo nos situamos en plantilla Edición de HTML y marcamos para expandir la plantilla.
Nos guiaremos buscando la etiqueta <data:commentPostedByMsg/> esa etiqueta es el texto "dijo..." que acompaña al autor del comentario, podemos sustituirla por otro texto o eliminarla. Si se hubiera eliminado con anterioridad no es problema, podemos buscar en su lugar lo siguiente:
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
La siguiente línea es el enlace del autor del comentario cuando está logueado o añade nombre/url
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
Lo que haremos será añadir una clase a la etiqueta span de forma que envuelva el enlace del autor del comentario.
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'> <span class='autorcomentario'><data:comment.author/></span></a>
Un poco más abajo veremos otra vez <data:comment.author/> esta vez sin enlace porque se trata de la etiqueta que muestra el texto de anónimo o nombre/url, repetimos la misma operación de añadir la misma clase con la etiqueta span.
<span class='autorcomentario'> <data:comment.author/></span>
Guardamos los cambios y nos situamos justo antes de ]]></b:skin> allí añadiremos los estilos con la misma clase de la etiqueta span.
.autorcomentario{
color: #940f04;
font-size: 18px;
text-shadow: 3px 3px 3px #505050;
}
La propiedad text-shadow es la que proporciona la sombra, el color que sigue a la propiedad será el color que escogemos para esa sombra, el color de fuente será el que tenemos definido para los enlaces.
Recomiendo visitar la entrada de Vagabundia porque ofrece otros estilos diferentes para añadir sombra. Nos habla también de un filtro para Explorer con el fin de visualizar las sombras con ese navegador.
Los que tienen añadida la numeración de comentarios también pueden personalizar el contador de comentarios simplemente nos dirigimos a los estilos del contador, sería algo así:
.comentacontador {
otros estilos
.......
.......
text-shadow: 3px 3px 3px #505050;
}
Fue una buena idea, igual yo lo vi en donde Espineli y luego contigo, ya lo estoy usando :-)
No está mal, pero tanto en el título como en otros apartados del blog, la sombra no queda del todo bien, porque distorsiona el texto y cuesta leerlo.
Un saludo.
buen tip. gracias gema por este y tantos articulos más q imprescindibles.
Gem@ me gustaría ponerle sombra a la fecha de los post, que está muy sosa y también cambiarle la fuente, que fuera la misma de los títulos, como podría hacer eso?
Ahh y en rojo como la que vos tenés ;)
Hablo de Te Propongo...
Besotes :P
BESO <3
¡Muy bueno, como siempre! Muchas gracias!!!
Hola Gema, hace tiempo que tengo ganas de cambiar el fondo de mi blog, porque con Mozilla
se borran las fotos y con Explorer las imagenes se salen del encuadre del fondo, en fín muy mal, tengo un blog sobre labores y no encuentro ningun fondo adecuado ¿ me podrias ayudar a encontrar algo bonito como fondo? muchas gracias, te dejo mi url y mi email
http://pilarbujaldon.blogspot.com
pilar.290457@gmail.com
wow, que bonitos van quedando los comentarios. Este fin de semana me sentaré a arreglar los mios :D
Muy bonitos Gem@, saludos :P
Gema me encantó y ya lo apliqué, queda sensacional!! ;)
Gracias un abrazo
Noe
Gema, yo tengo esta propiedad en el título de mis posts desde hace tiempo y es genial ;)
La pena es que no se visualice en Internet Explorer :S. ¡Con lo bien que queda!
yz Manos a la obra Bonzu :)
yz Raúl Montero es cierto que hay que jugar con los colores acordes y el grosor de la sombra para que no ocurra lo que comentas, influye mucho el gusto de cada uno ;)
yz Gracias kike :D
yz k_nelita los estilos de la fecha en los post los encontrarás en
h2.date-header {
background-color:#FBFFEF;
margin:1.5em 0 .5em;
}
Lo encontrarás justo al principio de los estilos de los post puedes añadir text-shadow: 3px 3px 3px #505050; o cualquier otra variante de estilos.
(He visto los otros comentarios en el correo, anoche con la tormenta tuve que apagar el PC, pero después los respondo ;)
yz Hola juan_santiago que tengas un buen día :)
yz Saludos Kareen gracias por comentar ;)
yz Saludos Pilar, el fondo del blog debe ser a gusto del autor, que guarde armonía con el resto del blog y resulte agradable a la vista,
Puedes mirar en la nube donde dice "Diseño" ahí encontrarás páginas, también quería decirte que no necesariamente debe ser una imagen, puede ser una textura, incluso crearla tú misma con un generador (mira también en la nube la etiqueta de generadores) ;)
yz Saludos ΜigueŁ jίмenez™, me alegra te gusten, estaremos pendientes para ver como te quedan :)
yz Hola Noe, me alegra que te guste.
Gracias por comentar amiga :D
yz Hola Jaime, yo veo el efecto muy atractivo con el tie,po nos cansamos de ver lo mismo pero hoy por hoy me gusta.
¿Miraste el filtro para Explorer que habla J.Miur?
Querida e idolatrada Gemma. Respecto a tu anterior post de "etiquetas relacionadas en miniaturas".Decirte que conseguí colocarlas.Pero me aparecen en las entradas individuales.¿hay forma de que aparezcan en todos los post? Lo he visto en algunos blogs y queda muy bien a la vez que le facilitas el lector a enlaces similares.Gracias muchaaaasss...
yz En tu blog salen en todos los post Felix lo que ocurre que en fecto lo añadiste para que se muestre en las páginas individuales, de todos formas también ezplico en la misma entrada como conseguir que se muestren en la página principal con la opción de mostrarlo justo después del post o de el post-footer ;)
yz en fecto era "en efecto" y ezplico "explico" menuda noche tengo :O
Nada Gemma. Que no hay manera. Añado el código después de div class='post-footer-line post-footer-line-3 y sigue sin aparecerme en todas las entradas, solo en las individuales??? Gracias,gracias,gracias...
Gracias Gem@, estaba esperando tu contestación en mi correo y ahora veo que no me había suscripto :D Podía esperar eternamente ja jaa menos mal que paso frecuentemente por aquí :D
Ahora me pongo a ver que me sale, ese código es en color rojo?
Besotes ;)
No gem@ no me sale nada, puse lo que dices y nada, la fecha no se modifica en lo mas mínimo :S
Que haré mal?
yz Felix Casanova Briceño entendí mal tu comentario, lo siento.
Estoy probando la forma de conseguir eso ;)
yz Felix Casanova Briceño, no veo forma de añadirlo porque ya viene con las condicionales, pensaba que depurando un poco esa parte se conseguiría añadir sin expandir la plantilla para de esa forma mostrarlo en la página principal pero no es posible, sin embargo puedes probar el otro que dejo enlace al principio de la entrada, ese instala en un minuto aunque no hay forma de personalizarlo.
Queda así:
http://fortheloveofcooking-recipes.blogspot.com/
Hola Gem@, oye en mi blog se muestra el icono de editar gadget siempre, y digo siempre lo veo en todos los navegadores sin estar loggeado en Blogger, en un blog de pruebas esto no pasa, qué será :-| ?
Y otra cosa, cuando le di Vista previa a este comentario paso algo interesante que no había visto antes.
Lo del gadget es en el de Etiquetas :$
yz K_nelita, tu la fecha no es un enlace no adquiere el color de los enlaces, te aparece en negro porque en fuentes y colores tienes el color negro para texto. Si quieres que se muestre con el texto rojo añade a esos estilos color:#940f04;
Sería algo así:
h2.date-header {
color:#940f04;
font-size: 26px;
margin:1.5em 0 .5em;
text-shadow: 1px 1px 2px #505050;
}
yz Bonzu el acceso a esa herramienta sólo lo tienes tú, pero yo también lo veo :O
Comprueba la url de esa imagen y búscala en tu plantilla por si vieras algo extraño, desde el código fuente yo no puedo verlo :O
¡Funciona el vista previa!!
No sale nada gem@ :( hoy no me sale nadaaaa... la fecha no reconoce ni fuentes ni colores de ninguna clase, ni hablar de sombras buaaaa :'(
Eso igual me dejó intrigado Gem@.
Parte del final del código donde se muestra la imagen es:
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
El código de fuente se muestra normal:
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=4002649070413198245&widgetType=Label&widgetId=Label1&action=editWidget" onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target="configLabel1" title="Editar">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">
</a>
</span>
</span>
<div class="clear"></div>
No le veo nada fuera de lo normal, ¿qué será?.
k_nelita (ya voy de metiche) creo que debes buscar en tu plantilla <data:post.dateHeader/> y ver si tiene la clase date-header y la etiqueta h2:
<h2 class='date-header'><data:post.dateHeader/></h2>
Aplicas los estilos de Gem@ y debería funcionar.
A y sí Gem@, funciona el vista previa y ahora lo vi diferente comentando de la manera antigua ;-)
Gracias Bonzu, si tengo el data:post.dateHeader/, pero sin el h2, ni class= date... pero igual no se que tendría que hacer con eso, ya había pensado antes que tendría algo que ver eso pero ni idea de que hacer...
Es fácil, buscas <data:post.dateHeader/> y lo reemplazas por <h2 class='date-header'><data:post.dateHeader/></h2> y ahora agregamos los estilos de Gem@
h2.date-header {
color:#940f04;
font-size: 26px;
margin:1.5em 0 .5em;
text-shadow: 1px 1px 2px #505050;
}
Y es todo.
Graciaaaas Bonzu!! Al fin!! Ahora si, ya está, le achiqué la fuente porque era gigante pero ahora quedó bárbaro!!
Mil gracias!! ;)
Gem@ .. no me contestaste en la entrada anterior :( ..... please .. help me <3
Mil gracias Gemma. Ya probé con ese enlace y me vale como queda... Besos
Text Shadow se não me engano é uma propriedade do CSS 3.0 logo não pega em todos os navegadores .. no caso o IE que ainda é o que muitos usam, é uma tag bem interessnate proporciona belos efeitos porem para mim não serve ja que eu teria que usar javascript para um resultado igual na maioria dos navegadores.
Mas de qualquer forma , é um belo artificio e sua area de comentarios esta muito bonita parabens :D .
yz Bonzu estuve mirando una plantilla nueva después de hablar contigo, para comprobar posibles diferencias entre tu código y el de una plantilla sin problemas, pero con unas solas líneas que veo no encuentro diferencias.
Hay una solución y es cortar por lo sano el problema, es decir en una plantilla nueva copiar desde:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'> hasta </b:widget> y sustituir esa parte de tu plantilla por la nueva.
Gracias por contestar a k_nelita ;)
yz juan_santiago llevas toda la razón, se hizo tan tarde que me olvidé responder. Voy a verlo ;)
yz Saludos Marcos Gabriel, en efecto no es una propiedad que se visualice en todos los navegadores, sin embargo IE tiene un filtro para solucionar ese problema:
filter:progid:DXImageTransform.Microsoft.Shadow(color=#AABBCC,strength=13, direction=310);
El caso que aún no he conseguido hacer que funcione, puedes verlo
aquí
yz Marcos Gabriel lo siente el enlace está roto mira aquí
Gem@ querida no sabés lo lindo que me ha quedado todo lo que le puse las sombras, pero si no se ve con IE estamos fritos :S
Por favor si lográs hacer funcionar ese filtro explica como y donde se pone si? ;)
Besotes;) aún espero respuesta a todas mis preguntas ja ja que pesada no?
Nada Gem@, lo combié y se seguía mostrando a todos :-(
Hola Gema, no sabia como consultarte una duda, y al final lo hare aqui, aunque se que no es el sitio.
Tengo un blog, http://ajedreznoroeste.blogspot.com/
tengo 3 columnas y no logro poner la del centro con los mismos margenes en izd. y derecha. me gustaria que le echases un vistazo, he probado tocandole a todo y como no se, pues no encuentro solucion.
tienes un pedazo de blog, muchas gracias.
yz K_nelita vi tu blog y ha quedado lindo, eres muy detallista :)
Los otros comentarios los respondí hace unos minutos no sé si quedará alguno atrasado :O
yz Bonzu lo que te dije es lo que yo suelo hacer, quizás si instalas esa plantilla en otro blog de pruebas vemos si el problema es la plantilla o el blog :O
yz Saludos Club Ajedrez Cehegin Enroque
Los márgenes están bien lo que ocurre que el VIDEO CAMPEONATO DE ESPAÑA ABSOLUTO DE AJEDREZ 2009 - 3ª RONDA es demasiado ancho para el espacio que tienes, prueba editarlo y donde dice width="560" añade un valor menor hasta comprobar que no sale de la columna central.
Veamos si con eso se soluciona.
Gracias por el comentario sore el blog.
Esa imagen ya no se muestra en Internet Explorer, sólo la veía en Firefox y Google Chrome.
El problema se repetía en cualquier blog al instalar la plantilla, al regresar a la plantilla Mínima eso no ocurría, incluso el contenido del widget era el mismo y me puse a pensar que quizá sea por el CSS, lo quité y en efecto era por eso :o, lo tengo antes de </head> y son estas:
<!-- ======= Etiquetas ======= -->
<style type='text/css'>
.cloud-label-widget-content {text-align:center;}
.cloud-label-widget-content span {display:inline-table;line-height:1.2;padding:0 0 0 5px;vertical-align:middle;}
.cloud-label-widget-content span a {font-family:Verdana;}
.cloud-label-widget-content span a:hover {color:#FFFFFF !important; text-decoration: none;}
.label-size-1 a {font-size:11px;}
.label-size-2 a {font-size:13px;}
.label-size-3 a {font-size:14px;}
.label-size-4 a {font-size:17px;font-weight:normal;}
.label-size-5 a {font-size:20px;font-weight:bold;}
</style>
Esa imagen está dentro de una etiqueta span y creo que por eso le afectó, quité inline-table; y ya no se muestra para todos. Aparentemente ese era el problema pero no me convence mucho, parece increíble que en todo este tiempo desde que salió la nube de etiquetas no me di cuenta :$.
muchas gracias Gema, probare con eso, haber que tal, eres muy grande, saludos.
yz Club Ajedrez Cehegin Enroque si no fuera eso la solución me lo haces saber ;)
Muy bueno Gem@. Au nque yo querria que me ayudases en otra cosa. Quiero eliminar de la tic tas la franja azul de la derecha - esa donde aparecen los archivos y demas enrredos el caso es que no se como puede hacerse (aunque he visto que en algunas plantillas lo han cambiado de color) y tambien si pudiera ser ese gris que aparece a ambos lados del cuerpo del blog y hace el efecto de lebantar la plantilla en relieve.
También quiero poner un menú en la parte inferior de la cabecera. Pero eso más adelante.
Si lo sabes bien de lo contrario pues... gracias de todos modos.
confundido .. estresado :o vi tu respuesta .. creo que es justo lo que yo necesitaba .. <3 .. en un par de días lo aplico, por que ahora no estoy en condiciones de entrar a internet. naa .. gracias por la pasiencia, un beso grande ... GEMA PRESIDENTA!! (yo soy el primero en votar por tí).. jaj! ..
JAJAJ!! .. otro beso <3
yz Unhidalgo esa franja de la derecha y las dos líneas de los extremos son una imagen:
http://www.blogblog.com/tictac_blue/tile_left.gif
Se encuentra en #outer-wrapper y es la imagen de fondo de la plantilla si eliminas esa url y miras en vista previa te darás cuenta que el fondo desaparece.La solución sería crear una imagen de ese mismo tamaño con los colores que tu elijas o añadir otra imagen y ver el efecto.
yz Tómate el tiempo que necesites juan_santiago y sigue con ese buen humor :D
Okey Gem@. Ya te cuento.
Una pregunta ¿tu no duermes o eres del otro lado del Charco aunque aquí ponga que eres de Murcia?
Hatas ahorita que me paso y te tengo que agradecer ya que fui uno de los que estaba molestando preguntando el como ponerle sombra a mis comentarios, en breve me lo aplico XD
Saludos y gracias Gem@
Hola: Y la tengo toda blanca salvo la cabecera que no se como hacer para que ocupe toda la pantalla y en gadget superior que sige azulado (otra imagen supongo).
En que hizo esta plantilla debe ser un poco bastante incordio.
Hola de nuevo: esta vez solo he entrado a saludarte y decirte que la he dejado como estaba porque no me gustaba ver toda la pantalla del mismo color. Si fuese otra plantilla no lo discuto pero esa birria está bien como está.
Saludos y un millón de lo que tú te imagines.
yz Cyberprimo pues si, y yo pensando quien tenía interés pero me traicionó la memoria.
Espero te resulte bien, como verás es muy sencillo de hacer :)
yz Unhidalgo "Si fuese otra plantilla no lo discuto pero esa birria está bien como está"
No voy a juzgar tu plantilla pero imagino que sabes que hay plantillas donde escoger ¿verdad?
En dos pasos te instalas una, descargarla y subir a blog :)
-Sobre el otro comentario... no soy de allá que soy de aquí. De vez en cuando duermo :)
Lo de la pantilla lo se y lo cierto es que no me quita el sueño.
Se que eres de aquí, lo decia porque algunas de tu respuestas me las encontraba por la mañana y yo suelo escribirte a las tantas.
yz Hay días que duermo más pero en general con 5 horas es suficiente :o
"Si tu perfil no está activado añade la url del blog, es imprescindible para poder ayudarte."
Has hecho lo que te dije. Este es el mejor modo de trabajar. Me refiero a tí.
yz Así es, pero no creas que sirve de mucho está como algo ornamental.
Bueno rubia,vamos a dejarlo que tu blog no esta para hablar de bobadas sobre si sí o sobre si no.
Besos y hasta que vuelva a la huerta o a la manga. ¿Que digo? de eso nada.Chao y hasta la proxima.
buenas noches, he podido cambiar el nombre, hay forma de quitar la linea que me sale bajo el?
tengo numerado los comentarios pero no consigo encontrar
.comentacontador {, muchas gracias:(
ah y como meto la imagen dentro del recuadro, de nuevo gracias
yz No había visto tu comentario Unhidalgo, si no es molestia prefiero me llamen Gem@ o Gema sin la arroba ¿no te importa verdad?
yz Luz, los estilos de comentacontador no están hay que añadirlos.
Para lo referente al avatar mira esta entrada:
http://gemablog-.blogspot.com/2009/09/avatar-en-comentarios.html
No había visto tu comentario.
No hay dos sin tres.
Hasta el siglo que viene.
ya puse la imagen dentro, ahora me queda quitar la flechita que sale y poner la numeracion de comentarios a la izquierda y mas grande, graaaaacias.
yz Estupendo Luz :)
Hola gem@, buenas noches... quisiera saber cómo podría poner la sombra en el texto de mis entradas, ya que la imagen que tengo de fondo hace que las letras se pierdan y no se distinga bien lo que se lee. en realidad quisiera ponerle sombra a todo el texto del blog... Bueno, gracias y te deseo lo mejor del mundo.:D
www.templodeannan.blogspot.com
:: Templo Espiritualista Trinitario de Annan los estilos para la sombra son estos
text-shadow: 3px 3px 3px #505050;
se pueden cambiar los colores claro está.
Con Explorer la sombra distorsiona mucho por eso es aconsejable añadir
filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=120,strength=0)!important;
Para añadir la sombra a todo el texto del blog se tendría que añadir en:
body {
background:#fff url(http://img288.imageshack.us/img288/4608/sourcela5.jpg);
background-attachment: fixed;
margin:0;
color:#ffffcc;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
text-shadow: 3px 3px 3px #505050;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=120,strength=0)!important;
}
Sinceramente no creo que añadiendo sombra resalte más la fuente del blog, en mi opinión para que el texto resalte lo que le vendría bien es añadir una opacidad al contenedor del blog de esa forma admite un color de fuente más oscuro y la lectura sería mucho más agradable.
%% solución 1
%% solución 2
:: Lo siento los emoticones adoptan los códigos, donde va el emoticon sonrieente son los dos puntos : y el cierre de paréntesis )
GEM@... Infinitas gracias por tu ayuda, no sabes la emoción que me da de ver que me haz respondido... :$ y es que bueno!... :p es para mi un verdadero honor. En verdad, MIL MIL GRACIAS!:.. se que esto lo lees a diario, pero en verdad quiero que sepas que te admiro mucho y te agradezco de todo corazón por todo lo que representas para todos nosotros, por toda tu generosidad y todo lo que nos ayudas!!! GRACIAS.
:: Templo Espiritualista Trinitario de Annan muy agradecida por sus palabras :)
Espero se solucione el tema de la fuente del blog de no ser así por aquí estamos :)
hola!! GeM@!! Y esto se podria aplicar alas imagenes?? para darles sombra?:)
:: La propiedad text-shadow se puede aplicar a texto, imágenes y bordes entre otros.
Te explico en una entrada ¿ok?
Dale te lo agradeceria bastante :D Enpece hace dos meses cuando hice mi blog y sindarme cuenta me termine adentrando en este mundo de codigos jeje Pero me di cuenta que siempre se aprende algo nuevo je La plantilla basica de blog la pude modificar a mi propio gusto asta dejarla asi http://pintagraff.blogspot.com/ gracias a blogs con ayuda como el tuyo, es bueno que se quiera trasender los conocimientos que uno tiene sobre una materia, es por eso que yo hice mi blog para poder conpartir lo que se y aprendo..;)
Saludos!!:P
Excelente Gem@ muy bien explicado, lo e implementado en mi Blog ;).
:: Perfecto cargohe :D
Hola Gem@!gracias por este truco,era lo que buscaba!solamente que cuando agregue la propiedad text-shadow a la numeracion se han achicado y no logro agrandarlos podrias decirme como lograrlo??
saludos y gracias
:: Cocofansclub eso ocurre porque se ha añadido una etiqueta de cierre donde no debería haberla, seguramente al copiar y pegar los estilos de la sombra, si la eliminas todo quedará en orden ;)
text-shadow: 3px 3px 3px #9F9F9F;
} <-- esta etiqueta de cierre
margin-top: -3px; /* la posición de los números */
Perfecto Gem@ tema solucionado!!!!:D
muchas gracias!!
clau
Holaaaa Gema, ésto también lo he hecho :D, anda que me estoy recorriendo todo tu blog, jajajaja, me encanta lo de las sombritas, voy a leer los comentarios a ver si se pueden poner sombritas en más sitios,¡¡ que chulo queda!!
Muchísimas gracias, fíjate que hace tiempo que miro tus entradas y hasta éstos días no me había decidido a comentarte nada ;), pero, ahora, estoy embalada, jejejejeje
Un abrazo
:: Pues nada aprovecha el tirón que aquí nos gusta hablar con ganas :)
Hola Gema! como no podia resistirme a esa idea, copié y revisé dos veces los códigos, sin embargo, no me salé la sombrita en el nombre del autor incluso modifiqué los valores a ver si presentaba algún cambio. serías tan amable de decirme qué hice mal o acaso me falta otro código? :(
:: No recuerdo la url del blog Céz :S era para el dela plantilla nueva ¿no?
Ah q tontísimo soy!, el blog que yo quería que apariecese la sombrita en el nombre del autor de los comentarios es Asicious
:: ¿Estas seguro que añadiste la etiqueta span en el lugar indicado Céz??
Yo creo que si, porque volví a revisar que el span quede al inicio y final del código, hice una captura para explicarme bien :)
aquí
Y mi css es exactamente igual al tuyo con la diferencia que el texto lo tengo en 17px y sigo sin ver qué falla tengo :S
:: Claro, es que el color de los enlaces en tu blog es de ese color gris
a:link {
color:#b3b3b3;
text-decoration:none;
}
por eso no te coge otro color, prueba a cambiar el color de los enlaces y verás como cambia.
Hola Gema, fijate que estuve pidiendo ayuda a JMiur para tener una segunda explicación y ahora estoy muy confundido porque me le comenté que deseaba la sombra en el nombre del autor de los comentarios y me dice así:
"Pués allí no se ve que el nombre del autor tenga una etiqueta SPAN con esa clase definida. Fíjate en el código fuente que muestra el navegador y veras que la única referencia a .autorcomentario es la regla de estilo y nada más"
y ya no estoy tan seguro de si la pusé en el lugar indicado debido a tu comentario 80 y probé otro color en los enlaces y nada! Tengo alguna medicina para eso? No me importaría separar el color del autor del resto de enlaces -quizas negro y mantener el gris del resto- :S
:: Claro, eso es lo que yo me decía que no veía la etiqueta span, no hay otra cosa que mirar si está en el lugar indicado y para eso es necesario que repases los pasos dados en esta entrada :S
Cambiando el color de los enlaces no conseguirás nada si la etiqueta no está en su sitio.
Hola Gema, qué crees? ayer estaba pensando mucho en eso (mientras le presté mi pc a mi hno todo el día) qué significaba eso de " La span no esta en su lugar" si releía varias veces tu entrada y caí en cuenta que había otro código igual casi al final de mi plantilla ya expandida, y vi mi error, así que tuve que borrar lo anterior e insertar de nuevo en el otro lugar y guardé los cambios, hurra! la sombra por fin vio la luz :D
Sin embargo, hay un detallito que me inquieta y no sé que tan importante sea para mi blog Asicious, es decir, por intuición eliminé el tar get='_blank'(sin espacios) porque a mi no me dejaba guardar los cambios, porque no tengo éste en mi plantila y siempre me marcaba error, estoy cometiendo un error al borrarlo de ella?
:: Hola Céz, ya decía yo si lo habías colocado en su sitio porque la etiqueta no se veía :O
Es raro que no te permitiera guardar los cambios sería por algún error de sintaxis, lo que hiciste es eliminar la propiedad que hace abrir un enlace en ventana apartem es por lo único que te va a perjudicar por decirlo de alguna forma que el enlace abrirá en el mismo blog.
Gema! cuando leí lo último que dijiste, me asusté porque quien quiere un blog con problemas?! jejeje, así que una vez más busqué con calma el código <a expr:href='data:comment.au... e inserte lo faltante y guardé los cambios! Cielos!!! ya lo conseguí!!!
Gema, de verdad, estoy agradecido por tu valiosa ayuda.
:: Ohhh no te asustes igual yo me expresé bien, por lo único que es motivo de susto es pulsar el botón eliminar blog o que nos diga que ese blog no existe, todo lo demás casi tiene solución :D
:: Quise decir que no me expresé bien :$ las prisas :(
Nota: solo los miembros de este blog pueden publicar comentarios.